import React, { Component } from 'react'
import { Switch, Route,NavLink } from "react-router-dom"
import Home from "../home/home"
import Cate from "../cate/cate"
import Shop from "../shop/shop"
import Mine from "../mine/mine"
import "./index.css"
export default class index extends Component {
    render() {
        return (
            <>
                <Switch>
                    <Route path="/index/home" component={Home}></Route>
                    <Route path="/index/cate" component={Cate}></Route>
                    <Route path="/index/shop" component={Shop}></Route>
                    <Route path="/index/mine" component={Mine}></Route>
                </Switch>
                {/* <img src="http://localhost:3000/pic/logo/white" alt=""/> */}
                <footer className="index-navs">
                    <NavLink to="/index/home" activeClassName="select">商城</NavLink>
                    <NavLink to="/index/cate" activeClassName="select">分类</NavLink>
                    <NavLink to="/index/shop" activeClassName="select">购物车</NavLink>
                    <NavLink to="/index/mine" activeClassName="select">我的</NavLink>
                </footer>
            </>
        )
    }
}
